<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title langWord="t:Open_Integration">Open Integration</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../resources/css/mui.css">
	<link rel="stylesheet" href="../../resources/css/style.css">
	<link rel="stylesheet" href="../../resources/css/user/register.css">
	<script src="../../resources/assets/mui.js"></script>
	<script src="../../resources/assets/avalon.js"></script>
	<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
	<script src="../../resources/assets/jquery.cxselect.min.js"></script>
	<script src="../../resources/js/common.js"></script>
	<script src="../../resources/js/dahua.config.js"></script>
	<script src="../../resources/js/lang/en.js"></script>
	<!-- <script src="../../resources/js/user/register.js"></script> -->
	<script src="../../resources/js/integral/open.js"></script>
	<!-- <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
	<script>
		var vConsole=new VConsole();
	</script> -->
	<style>
		#cookieStatement table td {
			vertical-align: middle;
			text-align: center;
		}
		#cookieStatement table{
			width:100%;
			table-layout:fixed;
			word-wrap:break-word;
			word-break:break-all;
		}
		.my-list-item{
			display: flex !important;
		}
		.my-list-item .mui-media-body{
			flex:1;
		}
		.my-list-item .mui-ellipsis{
			white-space: normal;
		}
		.my-list-img{
			width: 110px;
			height: 130px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #f6f6f6;
			border: 1px solid #bfbfbf;
			margin-right: 10px;
			background: url(../../resources/images/open_icon_image@2x.png) no-repeat center;
			position: relative;
		}
		.my-list-img img{
			margin-right: 0 !important;
			height: auto !important;
			width:100%;
		}
		.my-inputFile{
			/* display: none; */
			position: absolute;
			display: block;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			float: left;
			z-index: 999;
			opacity: 0;
		}
	</style>
</head>

<body ms-controller="addPage" >
	<div id="regPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title" langWord="t:Open_Integration">Open Integration</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white login"></a>
			<a class="mui-icon mui-pull-right mui-icon-white home" href="../product/category.html">
				<i class="icon icon_home"></i>
			</a>
		</header>

		<div id="user-add" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="mui-content-padded">
					<form :validate="@validate" id="addForm" style="display:none" method="post">
						<input type="hidden" value="" id="uid" name="uid" />
						<input type="hidden" ms-duplex="@imgPath" id="imgPath" name="imgPath"
									ms-rules="{required: true}" langWord="data-required-message:Please_upload_a_picture" data-required-message="请上传照片!" />
						<div class="mui-row" id="proxyLevelDiv" ms-if="@forcedCorrelation=='0'">
							<h5><span langWord="t:Dealer_or_not">是否二级代理商</span>：</h5>
							<div class="mui-input-row">
								<select name="proxyLevel" ms-duplex="@proxyLevel"
									id="proxyLevel" style="width: 100%;" class="select2">
									<option value="" langWord="t:Please_choose_a_Dealer">请选择是否二级代理商</option>
									<option value="1" langWord="t:ercizhuc_Yes">Y</option>
									<option value="0" langWord="t:ercizhuc_No">N</option>
								</select>
							</div>
						</div>
						<div class="mui-row" id="parentIdDiv">
							<h5><span langWord="t:reigist_Distributor">一级代理商</span>：</h5>
							<div class="mui-input-row">
								<!-- <input id="parentId" name="parentId" type="hidden" class="mui-input-password" ms-duplex="@parentId" 
									ms-rules="{required: true}" data-required-message="请选择一级代理商!"> -->
								<select name="parentId" ms-duplex="@parentId" 
									ms-rules="{myRequired: true}" langWord="data-myRequired-message:Please_choose_a_Distributor" data-myRequired-message="请选择一级代理商!"
									id="parentId" style="width: 100%;" class="select2">
									<option value="" ms-if="@forcedCorrelation=='1'" langWord="t:Please_choose_a_Distributor">请选择一级代理商</option>
									<option value="" ms-if="@forcedCorrelation=='0'" langWord="t:Open_Integration_all">ALL</option>
									<option ms-for="item in @distributorList" ms-attr="{value:@item.id}">{item.companyName}</option>
								</select>
							</div>
						</div>
						<div class="mui-row" id="industryIDiv">
							<h5><span langWord="t:reigist_Industry_I">Industry I</span>：</h5>
							<div class="mui-input-row">
								<select name="industry1" ms-duplex="@industry1" 
									ms-rules="{myIndustry1Required: true}" langWord="data-myIndustry1Required-message:Please_choose_a_Industry_I" data-myIndustry1Required-message="Please choose a Industry I!"
									id="industry1" style="width: 100%;" class="select2">
									<option value="" langWord="t:Please_choose_a_Industry_I">Please choose a Industry I</option>
									<option ms-for="item in @industry1List" ms-attr="{value:@item.code,id:@item.id}">{item.name}</option>
								</select>
							</div>
						</div>
						<div class="mui-row" id="industryIIDiv" style="display:none;">
							<h5><span langWord="t:reigist_Industry_II">Industry II</span>：</h5>
							<div class="mui-input-row">
								<!-- <input id="parentId" name="parentId" type="hidden" class="mui-input-password" ms-duplex="@parentId" 
									ms-rules="{required: true}" data-required-message="请选择一级代理商!"> -->
								<select name="industry2" ms-duplex="@industry2" 
									ms-rules="{myIndustry2Required: true}" langWord="data-myIndustry2Required-message:Please_choose_a_Industry_II" data-myIndustry2Required-message="Please choose a Industry II!"
									id="industry2" style="width: 100%;" class="select2">
									<option value="" langWord="t:Please_choose_a_Industry_II">Please choose a Industry II</option>
									<option ms-for="item in @industry2List" ms-attr="{value:@item.code}">{item.name}</option>
								</select>
							</div>
						</div>
						<div class="mui-row" id="mainMarketDiv">
							<h5><sup>
								*
							</sup><span langWord="t:reigist_Main_Market">Main Market</span>：</h5>
							<div class="mui-input-row">
								<!-- <input id="parentId" name="parentId" type="hidden" class="mui-input-password" ms-duplex="@parentId" 
									ms-rules="{required: true}" data-required-message="请选择一级代理商!"> -->
								<select name="mainMarket" ms-duplex="@mainMarket" 
									ms-rules="{required: true}" langWord="data-required-message:Please_choose_a_main_market" data-required-message="Please choose a Main Market!"
									id="mainMarket" style="width: 100%;" class="select2">
									<option value="" langWord="t:Please_choose_a_main_market">Please choose a Main Market</option>
									<option ms-for="item in @mainMarketList" ms-attr="{value:@item.code}">{item.name}</option>
								</select>
							</div>
						</div>
						<div class="mui-row">
                            <h5>
                                <sup>
                                 *
                                 </sup>
                                <span langWord="t:User_Center_TAX_No">Tax No.</span>：
                            </h5>
                            <p class="inf_tip" langWord="t:User_Center_TAX_No_desc">If there is no Tax No., please enter eight zeros.</p>
                            <div class="mui-input-row">
                                <input id="taxNo" type="text" class="mui-input-clear" name="taxNo" autocomplete="off" ms-duplex="@taxNo" ms-rules="{required: true,maxlength:50}"
                                    langWord="data-required-message:regsiter_message20 data-maxlength-message:regsiter_message21" data-required-message="The tax no is required!" data-maxlength-message="The tax no. must be  less than 50 characters long!">
                                    </div>
                        </div>
						<div class="mui-row">
							<h5><sup>
								*
							</sup><span langWord="t:Picture_Type">照片类型</span>：</h5>
							<div class="mui-input-row">
								<select name="imgType" ms-duplex="@imgType" 
									ms-rules="{required: true}" langWord="data-required-message:Please_choose_picture_type" data-required-message="请选择照片类型!"
									id="imgType" style="width: 100%;" class="select2">
									<option value="" langWord="t:Please_choose_picture_type">请选择照片类型</option>
									<option value="1" langWord="t:Business_License">营业执照</option>
									<option value="2" langWord="t:Store_Photo">店铺全景照片</option>
									<option value="3" langWord="t:Business_Card">名片</option>
								</select>
							</div>
						</div>
						<div class="mui-row">
							<h5><sup>
								*
							</sup><span langWord="t:Picture">照片</span>：</h5>
							<div class="mui-input-row upload">
								<a class="my-list-item" href="javascript:;">
									<div class="my-list-img">
										<img id="img" class="mui-media-object mui-pull-left" src="">			
										<input type="file" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp" class="my-inputFile" id="uploadImg"/>	
										<!-- <input type="file" accpet="image/*" multiple class="my-inputFile" id="uploadImg"/>	 -->
									</div>						
								</a>
							</div>
						</div>
						<div class="mui-button-row">
							<button id="save" type="button" :click="@formSubmit" class="mui-btn mui-btn-update">
							 <i class="iconSubmit"></i><span langWord="t:User_Center_Save">提交申请</span>
							</button>
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>
	<!--底部导航
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label">Partner</span>
			</a>
			<a class="mui-tab-item mui-active" href="user.html">
				<span class="mui-icon icon icon_usercenter active"></span>
				<span class="mui-tab-label">User Center</span>
			</a>
		</footer>
-->
</body>

</html>
